<template>
   <div>
   <div>
      <headerNavigation></headerNavigation>
      <labelNavigation></labelNavigation>
   </div>
   <div class="Box">
     <report class="report2"></report>
     <report class="report1"></report>
     <report class="report1"></report>
     <report class="report2"></report>
     <report class="report1"></report>
     <report class="report1"></report>
   </div>
   <div class="icon">
      <v-text class="iconfont icon-zuojiantou"></v-text>
      <v-text class="iconfont icon-youjiantou"></v-text>
   </div>
     <footerNavigation></footerNavigation>
   </div>
</template>

<script>
import headerNavigation from "../components/background/headerNavigation"
import labelNavigation from "../components/background/labelNavigation"
import footerNavigation from "../components/background/footerNavigation"
import report from "../components/background/report"
export default {
 data(){
    return{

    }
 },
 components:{
    headerNavigation,
    labelNavigation,
    footerNavigation,
    report
 }
}
</script>

<style scoped>
/*包含全部报告的内容区*/
.Box{
   display: flex;
   margin: 0px 200px 0 230px;
   width: 940px;
   flex-wrap: wrap;
}
.report1{
   margin:45px 0 0 56px;
}
.report2{
   margin-top:45px;
}
.icon{
   height: 100px;
   margin-top:16px;
   margin-left:1100px;
}
</style>